@media (max-width:1200px) {
	.box{height: 78px;}	
}
.box{width: 100%;top: 0;}
@media (max-width:1200px) {
	.style_top{height: 65px;padding: 5px 0 0;}
}

.style_top{width: 100%;background-color: rgb(0,0,0);opacity: 0.75; 
position: relative;text-align: center;height: 99px;}
.logo{width: 120px;height: 45px;margin-left:55px ;margin-top: 10px;}
.A{margin: 0px 0px 0px 11%;}
@media (max-width:900px) {
	.A{margin: 0px 0px 0px 11%;}
	
}
.C {perspective:200px;
transform-style: preserve-3d; transition-duration:3s}
.C:hover{transform:rotateX(70deg) rotateY(60deg) rotateZ(40deg);  transform:scale3d(2,2,2);}
.bar{color: #8e8e8e;font-size: 0.9em;font-family: HUM521L ,"微软雅黑";width: 100%;bottom: 5px;position: absolute;}
.second_word{width: 80%;margin: auto;text-align: center;min-width: 320px;}
.arrow{position: relative;width: 100%;min-width: 320px;}
.center{width: 96%;margin:50px auto 0 auto;position: relative;min-width: 640px;overflow:hidden;max-width: 1200px;}
@media (max-width:640px) {
	.center{width:96%;margin-top: 90px;min-width: 310px;}
	
}
.center img{max-width: 100%;}
.device .left{background-image: url(../img/left.png);width:17px;height: 54px;background-size: 100% 100%;position: absolute;
left: 10px;top: 15%;opacity: 0.5;z-index: 222;margin: -15px 0px 0px;}

@media (max-width:630px) {
	 .device .left{width: 10px;height: 30px;top:15%;}
	}
@media (max-width:500px) {
	 .device .left{width: 10px;height: 30px;top:9%;}
	}	
.device .right{background-image: url(../img/right.png);width: 17px;
height: 54px;top: 15%;background-size: 100% 100%;position:absolute;
right: 10px;opacity: 0.5;z-index: 222;margin: -15px 0px 0px;}
@media (max-width:630px) {
	.device .right{width: 10px;height: 30px;top:15%;}
	}
@media (max-width:500px) {
	 .device .right{width: 10px;height: 30px;top:9%}
	}
.banner{margin: -20px auto 170px ;position: relative;}

div{
	max-width:100%;
}
 
img{width: 100%;}}
@media (max-width:1200px) {
	div{width:100%;height:350px;}
	}

.B{width: 100%;}
@media (max-width:1200px) {
	.word{font-size: 1em;}

}
.word{margin: -120px auto 0px ; display:flex;text-indent:2em;padding-top: 2%;padding-bottom: 2%;border-top:1px solid rgb(232,232,232) ;
border-bottom: 1px solid rgb(232,232,232);line-height: 1.5em;color: #666666;font-family: STKaiti;}
.C{margin: 2% auto;width: 100%;text-align: center;}
.C span img{width: 4.8%;margin: 0px 0.7%;min-width: 35px;}
.display{width: 100%;overflow: hidden;}
.sin{width: 31%;border-radius: 5px;background: white;float: left;margin:2% 0px;overflow: hidden;position: relative;
perspective:200px;
transform-style: preserve-3d; transition-duration:3s}
.sin:hover{transform:rotateX(70deg) rotateY(60deg) rotateZ(40deg);  transform:translate3d(30px,40px,50px);}
.sin img{max-width: 100%;float: left;}
.sin p {clear: both;text-align: center;line-height: 35px;font-family:HUM521L;font-size: 0.98em;color: #666666;white-space: nowrap;}
@media (max-width:500px) {
	.sin p{line-height: 25px;}
}

@media (max-width:500px) {
	.display .sin:nth-child(2n+1){
		margin:2%  0px 2%;width: 48%;
	}
}
@media (max-width:500px) {
	.display .sin:nth-child(2n+2){
		width: 48%;margin: 2% 0px 2% 4%;
	
	}
}

.sin_2{margin: 2% 3.5%;}

.foot{background: #e0e0e0;position: relative;width: 100%;margin-top: 40px;padding-top: 10px;padding-bottom: 10px;
color: #666666;overflow: hidden;}
.foot_left{width: 49%;display: inline-block;}
.left_one{float:right;margin-bottom: 5px;font-size: 0.75em;height: 70px;}
.left_one a{width: 40px;float: left;margin-left: 6px;}
.left_one a img{width:100%}
.foot_right{border-left: 1px solid #bcbcbc;float: right;}
.foot_right,.foot_left{width: 49%;display: inline-block;}
.zin{margin-left: 3%;font-size: 0.75em;}
.zin_logo{width: 90px;margin-bottom: 10px;}
.zin p{margin-bottom: 5px;margin-top: 0px;}
body{background-color: #f2f2f2;margin: 0px;padding: 0px;}
